<template>
    <base-page>
        <view slot="center">
            <div class="topImg">
                <image class="topImg" mode='aspectFill' src="https://cdn-huodong.nanyuecloud.com/e73dac192776ceb8c22c23fd3b1046c8.jpg" @error="imageError"></image>
                <!-- <img src="https://cdn-huodong.nanyuecloud.com/e73dac192776ceb8c22c23fd3b1046c8.jpg" alt="" class="Img_bg"> -->
            </div>

            <view>
                <view style=" text-align: center;margin-top: 20px">
                    <image style="width: 120px; height: 20px;" src='https://toc.nanyuecloud.com/toc-inst-app/zqapp/pro/static/img/845456f0f092.png'></image>
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>

                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>
                <view class="cu-input-box">
                    <view class="cu-input-left">
                        <view class="xing">*</view>
                        姓名
                    </view>
                    <input class="cu-input-right" placeholder="请输入验证码" type="number" />
                </view>

            </view>
            <view class="cu-open-sumbit">
                <view>提交</view>
            </view>
        </view>
    </base-page>
</template>
<script>
export default {

}
</script>
<style>
uni-page-body {
    background-color: #fff;
    height: 100%;
}
.topImg {
    width: 100%;
    height: 380rpx;
}
.cu-input-box {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0dddd;
    margin: 0 40rpx;
    padding: 40rpx 0;
}
.cu-input-left {
    display: flex;
    font-weight: 500;
    font-size: 28rpx;
}
.xing {
    color: red;
    margin-right: 10px;
}
.cu-input-right {
    direction: rtl;
    font-size: 28rpx;
}
.cu-open-sumbit {
    display: flex;
    justify-content: center;
    padding: 40rpx;
}
.cu-open-sumbit > view {
    text-align: center;
    height: 86rpx;
    background-color: blue;
    border-radius: 36px;
    font-family: PingFang SC;
    font-size: 28rpx;
    font-weight: 500;
    color: #fff;
    line-height: 86rpx;
    width: 320rpx;
}
</style>